<html>

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>FreeDo OCX</title>
    <link rel="stylesheet" href="./styles/jquery-ui.min.css">
    <link rel="stylesheet" href="./styles/jquery-ui-1.11.3.css">
    <link rel="stylesheet" href="./styles/bootstrap.min.css">
    <link rel="stylesheet" href="./styles/index.css">
</head>

<body>

    <div style="width:100%;height:100%;overflow:hidden;">
        <div id="left" style="float:left;margin-right:-240px;width:100%;height:100%;">
            <div id="inner" style="padding-right:240px;width:100%;height:100%;">
                <object id="ctr" classid="CLSID:D4F3CC6C-56A0-466D-A862-283C120CAF04" style="width: 100%; height: 100%;"></object>
            </div>
        </div>
        <div id="right" style="float:right;width:240px;height:100%;padding:2px;">
        </div>
    </div>

    <script type="text/javascript" charset="utf-8" src="./javascripts/jquery/jquery-1.11.1.min.js"></script>
    <script type="text/javascript" charset="utf-8" src="./javascripts/jquery/jquery-ui-1.11.3.min.js"></script>
    <script type="text/javascript" charset="utf-8" src="./javascripts/jquery/bootstrap.min.js"></script>
    <script type="text/javascript" charset="UTF-8" src="./javascripts/index.min.js"></script>
</body>

</html>